import './assets/main.css'

import { createApp } from 'vue'

//引入pinia
import { createPinia } from 'pinia'
// import pinia from '../src/stores/index'
//引入pinia插件.、刷新不会丢失
import piniaPluginPersist from 'pinia-plugin-persist'


//引入饿了么
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'


import App from './App.vue'
import router from './router'



const app = createApp(App)


//// 创建pinia实例，使用插件
const pinia = createPinia();
// store.use(({store})=>{
//     console.log('开始使用pinia')

//     //JSON.stringify():将 JavaScript 对象或值转换为 JSON 字符串（序列化）
//      //JSON.parse():将 JSON 字符串并将其转换为 JavaScript 对象(反序列化)

//      // 当页面刷新时，调用sessionStorage.getItem方法，将本地存储的值赋值给pinia状态
//    let stateDate= sessionStorage.getItem(store.$id)
// //    store.$state= JSON.parse(stateDate)


//     store.$subscribe(()=>{
//         //当pinia状态发生变化后，调用localStorage.setItem方法，将状态值保存到本地存储中
//         console.log('pinia状态发生变化了')
        
//         //JSON.stringify():将 JavaScript 对象或值转换为 JSON 字符串（序列化）
//      //JSON.parse():将 JSON 字符串并将其转换为 JavaScript 对象(反序列化)

//      //将pinia状态转为字符串保存到本地存储中
//     sessionStorage.setItem(store.$id,JSON.stringify(store.$state))
        
//     })
//     // 将本地存储的值转为对象
//     return JSON.parse(stateDate)
// })
// store.use(piniaPluginPersist);


pinia.use(piniaPluginPersist);

// 使用pinia
// app.use(store);
app.use(pinia);



app.use(router)
app.use(ElementPlus)
app.mount('#app')
